<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>文本外观属性</title>
<style type="text/css">
.text{text-transform:capitalize;}
.decoration{text-decoration:underline;}
.align{text-align:center;}
#indent{text-indent:50px;}
#white1{white-space:normal;}
#white2{white-space:pre;}
#white3{white-space:nowrap;}

</style>
</head>

<body>
<p class="text">abcde文本转换首字母大写！</p>
<p class="decoration">文本装饰下画线！</p>
<p class="align">文本对齐方式，居中对齐。</p>
<p id="indent">首行缩进50px！</p>
<p id="white1">空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规空白符为常规</p>
<p id="white2"> 空白符为预格式化，按文档书     写     格    式！</p>
<p id="white3">空格 空行无效强制不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！不能换行！</p>
</body>
</html>
